<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>传智播客(仿)</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script src="../web-lib/jquery/dist/jquery.js"></script>
	<script src="../web-lib/effect/sportmove.js"></script>
	<script src="js/chajian.js"></script>
	<script src="../web-lib/effect/slide.js"></script>
	<script src="js/index.js"></script>

</head>
<body>

<!-- 导航栏开始 -->
<div class="cz-topbar">
	<div class="container">
		<div class="topbar-left">
			<span>传智播客旗下品牌 :</span>
			<a href="#">黑马程序员</a>
			|
			<a href="#">博学谷</a>
			|
			<a href="#">传智专修学院</a>
		</div>
		<div class="topbar-right">
			<span>改变中国IT教育，我们正在行动</span>
			<span>全国咨询热线：400-618-4000</span>
		</div>
	</div>
</div>
<!-- 导航结束 -->

<div class="cz-intro">
	<div class="container">
		<div class="intro-tt clearfix">
			<div class="logo">
				<a href="#">
					<img src="img/logo.png">
				</a>
			</div>
			<div class="col">
				<ul>
					<li><a href="#">课程中心</a>
						<div class="mask1">
							
						</div>
					</li>
					<li><a href="#">课程中心</a></li>
					<li><a href="#">课程中心</a></li>
					<li><a href="#">课程中心</a></li>
					<li><a href="#">课程中心</a></li>
					<li><a href="#">课程中心</a></li>
				</ul>
			</div>
			<div class="mes">
				<a href="#" class="qgxq">
					全国校区
					<i></i>
					<p class="mask4"></p>
					<div class="mask3">
						<span>北京校区</span>
						<span>上海校区</span>
						<span>广州校区</span>
						<span>深圳校区</span>
						<span>北京校区</span>
						<span>上海校区</span>
						<span>广州校区</span>
						<span>深圳校区</span>
					</div>
				</a>
				<a href="#">报名流程</a>
			</div>
		</div>
		<div class="intro-ct clearfix">
			<div class="carouesl">
				<ul class="carousel-part">
					<li><a href="#"><img src="img/lunbo5.jpg"></a></li>
					<li><a href="#"><img src="img/lunbo1.jpg"></a></li>
					<li><a href="#"><img src="img/lunbo2.jpg"></a></li>
					<li><a href="#"><img src="img/lunbo3.jpg"></a></li>
					<li><a href="#"><img src="img/lunbo4.jpg"></a></li>
					<li><a href="#"><img src="img/lunbo5.jpg"></a></li>
					<li><a href="#"><img src="img/lunbo1.jpg"></a></li>
				</ul>
				<div class="carousel-left">
					<ul id="lai">
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
						<li>javaee培训<i>></i></li>
					</ul>
					<div class="mask2">
						<ul>
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>6</li>
							<li>7</li>
							<li>8</li>
							<li>9</li>
							<li>10</li>
							<li>11</li>
						</ul>
					</div>
				</div>
				<div class="control-bottom">
					<ul class="clearfix" id="lunboc">
						<li class="current"></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="control-mid">
					<span id="dz"><</span>
					<span id="dy">></span>
				</div>
			</div>
			<div class="message">
				<h2>信息港</h2>
				<ul>
					<li class="text-hideen"><i></i><a href="#">2017年传智播客教学新学年啦啦</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
					<li><i></i><a href="#">2017年传智播客教学新学年</a></li>
				</ul>
			</div>
		</div>
		<div class="intro-ft clearfix">
			<div class="ft-left">
				<ul>
					<li>
						<a href="#">
							<img src="img/wuzi.png">
							<p>校区汇总</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/wuzi.png">
							<p>校区汇总</p>
						</a>
					</li>
					<li class="b-r">
						<a href="#">
							<img src="img/wuzi.png">
							<p>校区汇总</p>
						</a>
					</li>
					<li class="b-b">
						<a href="#">
							<img src="img/wuzi.png">
							<p>校区汇总</p>
						</a>
					</li>
					<li class="b-b">
						<a href="#">
							<img src="img/wuzi.png">
							<p>校区汇总</p>
						</a>
					</li>
					<li class="b-r b-b">
						<a href="#">
							<img src="img/wuzi.png">
							<p>校区汇总</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="ft-right">
				<a href="#"><img src="img/zhong.jpg"></a>
				<a href="#"><img src="img/zhong.jpg"></a>
				<a href="#"><img src="img/zhong.jpg"></a>
				<a href="#"><img src="img/zhong.jpg"></a>
			</div>
		</div>
	</div>
</div>

<div class="public-part">
	<div class="container">
		<div class="public-title clearfix">
			<div class="p-t-name">
				<h3>推荐内容</h3>
			</div>
			<div class="p-t-link" id="zbyb">
				<span class="zb"><</span>
				<span class="yb">></span>
			</div>
		</div>
		<div class="public-content tuijian-part">
			<ul>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
						<p>c++最新教程</p>
						<p>c++最新教程2017版</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
						<p>c++最新教程</p>
						<p>c++最新教程2017版</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
						<p>c++最新教程</p>
						<p>c++最新教程2017版</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
						<p>c++最新教程</p>
						<p>c++最新教程2017版</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
						<p>c++最新教程</p>
						<p>c++最新教程2017版</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ccc.jpg">
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="public-part">
	<div class="container">
		<div class="public-title clearfix">
			<div class="p-t-name">
				<h3>学习资源</h3>
			</div>
			<div class="p-t-link">
				<a href="#">免费公开课</a>
				<a href="#">视频教程下载</a>
			</div>
		</div>
		<div class="public-content xuexi-part">
			<ul>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p>linux教程学习</p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="source-pic">
							<img src="img/linux.png">
						</div>
						<div class="source-message">
							<p><a href="#">linux教程学习</a></p>
							<span>2017-09-27 19:00开课</span>
							<span>免费听课</span>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="public-part">
	<div class="container">
		<div class="public-title clearfix">
			<div class="p-t-name">
				<h3>传奇故事</h3>
			</div>
			<div class="p-t-link">
				<a href="#">学员故事</a>
				<a href="#">科技喵喵喵</a>
				<a href="#">哎呦!我趣</a>
			</div>
			<div class="chuanqi-linshi">
				<a href="#">送给爱奋斗的你，加油！</a>
			</div>
		</div>
		<div class="public-content chuanqi-part">
			<ul>
				<li>
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
				<li class="m-r">
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="public-part kecheng-part-color">
	<div class="container">
		<div class="public-title clearfix">
			<div class="p-t-name">
				<h3>传智播客课程中心</h3>
			</div>
		</div>
		<div class="public-content kecheng-part">
			<div class="public-kecheng">
				<div class="p-kecheng-top clearfix">
					<div class="p-kecheng-pic">
						<div class="pic-title">
							<h3>JAVAEE</h3>
							<p>世界第一编程语言</p>
							<p>我们的第一学科</p>
						</div>
					</div>
					<div class="p-kecheng-content">
						<ul>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="p-kecheng-bottom">
					<div class="p-k-b-city clearfix">
						<ul>
							<li>
								<a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
							<li><a href="#">北京</a>
								<div class="mask5"></div>
							</li>
						</ul>
					</div>
					<div class="p-k-b-show">
						<div class="baoming chuxian2">
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						</div>
						<div class="baoming">
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>PHP培训基础班<span>2017-10-10</span>火热报名</a>
						</div>
						<div class="baoming">
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
							<a href="#">>JS培训基础班<span>2017-10-10</span>火热报名</a>
						</div>
					</div>
				</div>
			</div>
			<div class="public-kecheng">
				<div class="p-kecheng-top clearfix">
					<div class="p-kecheng-pic anzhuo-pic">
						<div class="pic-title">
							<h3>安卓</h3>
							<p>入门容易成功快</p>
							<p>高薪快来</p>
						</div>
					</div>
					<div class="p-kecheng-content anzhuo-content">
						<ul>
							<li>
								<a href="#">
									<img src="img/icon4_2.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="p-kecheng-bottom">
					<div class="p-k-b-city clearfix">
						<ul>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
						</ul>
					</div>
					<div class="p-k-b-show">
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
					</div>
				</div>
			</div>
			<div class="public-kecheng">
				<div class="p-kecheng-top clearfix">
					<div class="p-kecheng-pic php-pic">
						<div class="pic-title">
							<h3>安卓</h3>
							<p>入门容易成功快</p>
							<p>高薪快来</p>
						</div>
					</div>
					<div class="p-kecheng-content anzhuo-content">
						<ul>
							<li>
								<a href="#">
									<img src="img/icon4_2.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/icon1.png">
									<p>课程介绍</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="p-kecheng-bottom">
					<div class="p-k-b-city clearfix">
						<ul>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
							<li><a href="#">北京</a></li>
						</ul>
					</div>
					<div class="p-k-b-show">
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
						<a href="#">>javaee培训基础班<span>2017-10-10</span>火热报名</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="public-part jinghua-part">
	<div class="container">
		<div class="public-title clearfix">
			<div class="p-t-name">
				<h3>本周精华</h3>
			</div>
			<div class="p-t-link" id="ppp">
				<a href="#" data-who="xueyuan">学员故事</a>
				<a href="#" data-who="keji">科技喵喵喵</a>
				<a href="#" data-who="aiyou">哎呦!我趣</a>
			</div>
		</div>
		<div class="public-content chuanqi-part">
			<ul id="cq">
				<li>
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
				<li class="m-r">
					<a href="#">
						<div class="chuanqi-pic">
							<img src="img/59bf622d735d0.jpg">
						</div>
						<div class="chuanqi-message">
							<p>人生没有太晚的开始</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="guanggao">
	<a href="#"><img src="img/guanggao.jpg"></a>
	<span id="close">X</span>
</div>

<div class="lift">
	<ul>
		<li class="xuanzhong2"><a href="#" class="xuanzhong3"><img src="img/xiezi.png"><p>立即报名</p></a></li>
		<li><a href="#"><img src="img/xiezi.png"><p>立即报名</p></a></li>
		<li><a href="#"><img src="img/xiezi.png"><p>立即报名</p></a></li>
		<li><a href="#"><img src="img/xiezi.png"><p>立即报名</p></a></li>
		<li><a href="#"><img src="img/xiezi.png"><p>立即报名</p></a></li>
		<li><a href="#"><img src="img/xiezi.png"><p>立即报名</p></a></li>
	</ul>
</div>

<div class="footer-one">
	<div class="container">
		<a href="#">学习分享视频</a>
		<a href="#">学习分享视频</a>
		<a href="#">学习分享视频</a>
		<a href="#">学习分享视频</a>
		<a href="#" class="a-b-r">学习分享视频</a>
	</div>
</div>


	<div class="container footer-two clearfix">
		<div class="f-t-l">
			<dl>
				<dt>关于我们</dt>
				<dd>传智简介</dd>
				<dd>加入传智</dd>
			</dl>
			<dl>
				<dt>关于我们</dt>
				<dd>传智简介</dd>
				<dd>加入传智</dd>
			</dl>
			<dl>
				<dt>关于我们</dt>
				<dd>传智简介</dd>
				<dd>加入传智</dd>
			</dl>
			<dl>
				<dt>关于我们</dt>
				<dd>传智简介</dd>
				<dd>加入传智</dd>
			</dl>
			<dl>
				<dt>关于我们</dt>
				<dd>传智简介</dd>
				<dd>加入传智</dd>
			</dl>
		</div>
		<div class="f-t-r">
			<div class="f-link">
				<a href="#">
					<img src="img/xingxing.png">
				</a>
				<a href="#">QQ空间</a>
			</div>
			<div class="f-link">
				<a href="#">
					<img src="img/xingxing.png">
				</a>
				<a href="#">QQ空间</a>
			</div>
			<div class="f-link">
				<a href="#">
					<img src="img/xingxing.png">
				</a>
				<a href="#">QQ空间</a>
			</div>
		</div>
	</div>

<div class="footer-three container">
	<p>友情链接</p>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
	<a href="#">点击我把</a>
</div>

<div class="footer-four container clearfix">
	<div class="f-f-l">
		<img src="img/logo3.png">
	</div>
	<div class="f-f-m">
		<p>版权所有 2006 - 2017 北京传智播客教育科技有限公司   地址：北京市昌平区建材城西路金燕龙办公楼一层  </p>
		<p>版权所有 2006 - 2017 北京传智播客教育科技有限公司   地址：北京市昌平区建材城西路金燕龙办公楼一层  </p>
	</div>
	<div class="f-f-r">
		<a href="#">
			<img src="img/360.jpg">
		</a>
		<a href="#">
			<img src="img/360.jpg">
		</a>
		<a href="#">
			<img src="img/360.jpg">
		</a>
	</div>
</div>


<script></script>
</body>
</html>